<template>
  <div class="app">
    <h2 :style="str">春风得意马蹄疾，不信人间有别离！</h2>
    <h2 :style="obj">春风得意马蹄疾，不信人间有别离！</h2>
    <h2 :style="arr">春风得意马蹄疾，不信人间有别离！</h2>
  </div>
</template>

<script>
  export default {
    name:'App',
    data() {
      return {
        str:'color:orange;font-size:30px;background-color: green;',
        obj:{
          color:'orange',
          fontSize:'30px',
          backgroundColor:'green'
        },
        arr:[{color:'orange'},{fontSize:'30px'},{backgroundColor:'green',textAlign:'center'}]
      }
    },
  }
</script>

